//上右下左
@menuPadding:20px 10px 0px 10px;
.header{
  width: 100%;
  height: 60px;
  background:rgba(0,0,0,0.7);
  text-align: center;
  font-size: 18px;
  font-weight: initial;
  // font-family: 楷体, monospace;
  &-logo{
    width: 58px;
    float: left;
    margin: 1px 40px 1px 30px;
  }
  &-topMenu{
    width: 65px;
    float: left;
    line-height: 60px;
    color: white;
    text-decoration: none;
  }
  &-topMenu2{
    width: 130px;
    float: left;
    line-height: 60px;
    color: white;
    text-decoration: none;
  }
  &-topMenu:hover{
    background:rgba(241, 234, 234, 0.16);
  }
  &-topMenu2:hover{
    background:rgba(241, 234, 234, 0.16);
  }
  &-login{
    width: 110px;
    float: right;
    line-height: 60px;
    color: white;
    text-decoration: none;
  }
  &-login:hover{
    background:rgba(241, 234, 234, 0.16);
    color:lightcoral;
  }
}
.menu{
  &-logo{
    float: left;
    width: 120px;
    height: 31px;
    margin: 16px 24px 16px 0;
    background: rgba(255, 255, 255, 0.3);
    // background-image: url('../../../../public/img/phonograph.png');
    // background-repeat:no-repeat;
    // background-size:100% auto;
    // background-position:center;
    // padding: 1px 1px 1px 1px;
  }
  &-logout{
    float: right;
    color: white;
    text-decoration: none;
  }
  &-logout:hover{
    color:lightcoral;
  }
}
